<template>
	<view class="zb-load-more">
		<image
			:src="base64Flower"
			style=""
			class="loading-custom-image"
		></image>
		<text>正在加载中...</text>
	</view>
</template>
<script>
const base64Flower =
	''
export default {
	data() {
		return {
			base64Flower,
		}
	},
}
</script>
<style lang="scss" scoped>
.zb-load-more {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 999;
	background: white;
	display: flex;
	height: 40px;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	.loading-custom-image {
		color: #a4a4a4;
		margin-right: 8rpx;
		width: 24px;
		height: 24px;
		/* #ifndef APP-NVUE */
		animation: loading-circle 1s linear infinite;
		/* #endif */
	}
	@keyframes loading-circle {
		0% {
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		}
		100% {
			-webkit-transform: rotate(360deg);
			transform: rotate(360deg);
		}
	}
}
</style>
